.px2rem(@name,@px){
    @{name}:@px/37.5*1rem
}

.head{
    background-color: #7e4c81;
    display: flex;
    .px2rem(height,55);
    align-items: center;
    .left{
        width: 5%;
    }
    .center{
        width: 95%;
        text-align: center;
    }
    img{
        .px2rem(height,23);
        .px2rem(width,32);
    }
    p{
        .px2rem(font-size,20);
        color: white;
        
    }
}
.one{
    display: flex;
    align-items: center;
    .px2rem(margin-top, 20);
    border-bottom: 1px solid #dedede;
    .left{
        width: 15%;
        display: flex;
        align-items: center;
        .px2rem(margin-left, 20);
        img{
            width: 100%;
        }
    }
    .center{
        flex: 1;
        .px2rem(font-size, 27);
        p{
            .px2rem(padding-left, 30);
        }
    }
    .right{
        width: 10%;
        text-align: center;
        .px2rem(font-size, 30);
    }
}
.two{
    display: flex;
    align-items: center;
    .px2rem(margin-top, 20);
    border-bottom: 1px solid #dedede;
    .left{
        width: 15%;
        display: flex;
        align-items: center;
        .px2rem(margin-left, 20);
        img{
            width: 100%;
        }
    }
    .center{
        flex: 1;
        .px2rem(font-size, 27);
        p{
            .px2rem(padding-left, 30);
        }
    }
    .right{
        width: 10%;
        text-align: center;
        .px2rem(font-size, 30);
    }
}
.three{
    display: flex;
    align-items: center;
    .px2rem(margin-top, 20);
    border-bottom: 1px solid #dedede;
    .left{
        width: 15%;
        display: flex;
        align-items: center;
        .px2rem(margin-left, 20);
        img{
            width: 100%;
        }
    }
    .center{
        flex: 1;
        .px2rem(font-size, 27);
        p{
            .px2rem(padding-left, 30);
        }
    }
    .right{
        width: 10%;
        text-align: center;
        .px2rem(font-size, 30);
    }
}
